<!DOCTYPE html>
<html>
<head>
<title>向荣公益基金会</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/ihover.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/iconeffects.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/swipebox.css">
<link rel="stylesheet" href="css/index.css">
<link href="css/scroll.css" rel="stylesheet" type="text/css"/>
<link href="css/global.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="./css/whqNavStyle.css" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="js/global.js"></script>

<!-- //js -->
<!-- js响应式rem单位 -->
<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if(clientWidth>=640){ docEl.style.fontSize = '100px'; }else{ docEl.style.fontSize = 100 * (clientWidth / 640) + 'px'; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);
</script>
<!-- js响应式rem单位 end -->

<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<!-- swipe box js -->
	<script src="js/jquery.swipebox.min.js"></script> 
	    <script type="text/javascript">
			jQuery(function($) {
				$(".swipebox").swipebox();
			});
	</script>
<!-- //swipe box js -->
	<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript">
			/*jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});*/
		</script>
	<!-- start-smoth-scrolling -->
<!-- #ffc600 -->
</head>
<body>
	<!-- navPhone -->
	<div class="navPhone">
		<div class="navMenuList" style="">
			<div class="leftMenuList">
				<div class="searchPh" style="padding: 5% 10%;background: rgba(0,0,0,0.8);">
					<input type="text" style="width: 3rem;height: .5rem;opacity: .9;">
					<a href="javascript:;" style="display: inline-block;height: .4rem;padding-left: .2rem;">
						<img src="images/search.png" alt="" style="height: 100%;">
					</a>
				</div>		
				<div class="item DownIcon">
					<div class="top"><a href="javascript:;">关于向荣</a></div>	
					<div class="DownMenuList">
						<a href="">向荣简介</a>
						<a href="">组织架构</a>
						<a href="">理事会成员</a>
						<a href="">规章制度</a>
					</div>
				</div>
				<div class="item">
					<a href="javascript:;">欣慧教学</a>
				</div>
				<div class="item">
					<a href="javascript:;">欣智阅读</a>
				</div>
				<div class="item">
					<a href="javascript:;">欣悦成长</a>
				</div>
				<div class="item DownIcon">
					<div class="top"><a href="javascript:;">媒体专区</a></div>	
					<div class="DownMenuList">
						<a href="">向荣故事</a>
						<a href="">向荣视频</a>
						<a href="">向荣报道</a>
					</div>
				</div>
				<div class="item DownIcon">
					<div class="top"><a href="javascript:;">信息公开</a></div>	
					<div class="DownMenuList">
						<a href="">财务公示</a>
						<a href="">工作报告</a>
						<a href="">审计报告</a>
						<a href="">年检</a>
					</div>
				</div>
				<div class="item DownIcon">
					<div class="top"><a href="javascript:;">联系我们</a></div>	
					<div class="DownMenuList">
						<a href="">志愿者报名</a>
						<a href="">向荣视频</a>
						<a href="">捐赠方式</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="navPhoneIcon">
		<span></span>
		<span></span>
		<span></span>
	</div>
	<!-- navPhone end-->
	<!-- navPhone js -->
	<script>
		$(function(){

			$('.navPhoneIcon').on('click',function(){
				if ($('.navPhone').hasClass('current')) {
					$('.navPhone').removeClass("current")
					$(this).removeClass('current')
				} else {
					$('.navPhone').addClass('current')
					$(this).addClass('current')
				}
			})

			$(".navPhone .item .DownMenuList").slideUp();
			$('.navPhone .item .top').click(function(){
				if($(this).siblings('.DownMenuList').is(":hidden")){
					$(this).parent().addClass('current').siblings().removeClass("current");
				} else {
					$(this).parent().removeClass('current');
				}
				$(".navPhone .item .DownMenuList").slideUp();
				$(".navPhone .item.current .DownMenuList").slideDown();
			})
			// pc搜索
			$('#searchPc').click(function(){
				$(this).css({
					"background" : "rgba(0,0,0,.5)"
				});
				$(this).find('.searchInputBox').show();
				return false;
			});
			//点击文档让search内容隐藏
			$(document).click(function(){
				$('#searchPc .searchInputBox').hide();
				$('#searchPc .searchInputBox input').val('');
				$('#searchPc').css({
					"background" : ""
				});
			});

			
		})
	</script>
	<!-- navPhone js-->
<div class="pcNav">
	<div class="item">
		<a href="javascript:;" class="topMenu">关于向荣</a>
		<ul class="downMenu">
			<li><a href="javascript:;">向荣简介</a></li>
			<li><a href="javascript:;">组织架构</a></li>
			<li><a href="javascript:;">理事会成员</a></li>
			<li><a href="javascript:;">规章制度</a></li>
			<li><a href="http://col.ink/c/year2018/Bx25i/?uid=BD207117AFE7F2A4357636AE1E5F4638&full_screen=true&keep_status_bar=true&top_bar_bg_color=f9f9f9&status_bar_type=dark&userid=378938021">年度总结</a></li>
		</ul>
	</div>
	<div class="item">
		<a href="javascript:;" class="topMenu">欣慧教学</a>
	</div>
	<div class="item">
		<a href="javascript:;" class="topMenu">欣智阅读</a>
	</div>
	<div class="item">
		<a href="javascript:;" class="topMenu">欣悦成长</a>
	</div>
	<div class="item" style="background: rgba(226,165,0,.27);">
		<a href="javascript:;" class="topMenu"><img src="images/logo.png" alt="" style="height: 80%;"></a>
	</div>
	<div class="item">
		<a href="javascript:;" class="topMenu">媒体专区</a>
		<ul class="downMenu">
			<li><a href="javascript:;">向荣故事</a></li>
			<li><a href="javascript:;">向荣视频</a></li>
			<li><a href="javascript:;">向荣报道</a></li>
		</ul>
	</div>
	<div class="item">
		<a href="javascript:;" class="topMenu">信息公开</a>
		<ul class="downMenu">
			<li><a href="javascript:;">财务公示</a></li>
			<li><a href="javascript:;">工作报告</a></li>
			<li><a href="javascript:;">审计报告</a></li>
			<li><a href="javascript:;">年检</a></li>
		</ul>
	</div>
	<div class="item">
		<a href="javascript:;" class="topMenu">联系我们</a>
		<ul class="downMenu">
			<li><a href="javascript:;">加入向荣</a></li>
			<li><a href="javascript:;">志愿者报名</a></li>
			<li><a href="javascript:;">捐赠方式</a></li>
		</ul>
	</div>
	<div class="item" id="searchPc" style="width: .9rem;min-width: .9rem;position: relative;padding: 0 20px;margin-left: 30px;">
		<div class="button" style="background: url(images/search.png) no-repeat center center;background-size:30%;height: 100%;">
			<div class="searchInputBox" style="position: absolute; top: 100%;width: 140%;padding: 10px 20px;background: rgba(0,0,0,0.5);left: -20%;color: #fff;display: none;">
				<span>输入关键词</span>
				<input type="text" style="width: 100%;background: transparent;border: 1px solid #9b9fa3;margin-top: 6px;">
			</div>
		</div>
	</div>
</div>
<!-- pcNav end -->

	<div id="Ncontent" class="section-wrap Ncontent">
		<div class="banner section section-1">
			<div class="bannerSix">
				<div style="background: url(&quot;images/titleImg1.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 1;"></div>
				<div style="background: url(&quot;images/titleImg2.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
				<div style="background: url(&quot;images/titleImg3.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
				<div style="background: url(&quot;images/titleImg3.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
				<div style="background: url(&quot;images/titleImg1.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
				<div style="background: url(&quot;images/titleImg2.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
			</div>
			<div class="container">
				<div class="banner-info">
					<div class="logo-text">
						<a href="javascript:;">
	                        <span class="sp1">聚焦中国贫困地区乡村学校<b></b></span>
	                    </a>
	                    <a href="javascript:;">
	                        <span class="sp1">关注中国乡村儿童发展需求<b></b></span>
	                    </a>
	                    <a href="javascript:;">
	                        <span class="sp1">倡导包容、全纳、完整的现代教育理念<b></b></span>
	                    </a>
	                    <a href="javascript:;">
	                        <span class="sp1">做中国乡村教育的践行者<b></b></span>
	                    </a>
	                    <a href="javascript:;">
	                        <span class="sp1">推动城乡教育资源均衡发展<b></b></span>
	                    </a>
	                    <a href="javascript:;">
	                        <span class="sp1">使每一名乡村儿童都能享有公平而有质量的教育<b></b></span>
	                    </a>
					</div>
				</div>
			</div>
		</div>
		<!-- //banner -->
		<!-- about -->
		<div id="about" class="about section section-1">
			<div class="container">
				<ul class="companyInfo">
					<li class="col-md-12 found">
						<a href="news/news1.html">
							<span></span>
							<span></span>
							<span>2018.05</span>
							<span>向荣公益基金会赴苏州工业园调研</span>
							<span>>></span>
						</a>
					</li>
					<li class="col-md-12 found">
						<a href="news/news1.html">
							<span  style="width: 29.010417%;"></span>
							<span></span>
							<span>2018.04</span>
							<span>向荣公益基金会赴湖南省考察</span>
							<span>>></span>
						</a>
					</li>
					<li class="col-md-12 found">
						<a href="news/news1.html">
							<span></span>
							<span></span>
							<span>2018.03</span>
							<span>向荣公益基金会第一次理事会召开</span>
							<span>>></span>
						</a>
					</li>
					<li class="col-md-12 found">
						<a href="news/news1.html">
							<span class="found_1" style="width: 29.0625%;"></span>
							<span class="found_2"></span>
							<span class="found_3">2017.11</span>
							<span class="found_4">向荣公益基金会在北京市民政局注册成立</span>
							<span class="found_5">>></span>
						</a>
					</li>
				</ul>
				
			</div>
		</div>
		<!-- //about -->
		<!-- mission -->
		<div class="mission-gd section section-1">
			<ul>
				
				<li>
					<a href="xin/xinSchool.html" style="color: #fff">
						<p>欣慧教学</p>
						<p>用科技陪伴乡村儿童开启智慧世界</p>
						<div></div>
					</a>
				</li>
				<li>
					<a href="xin/xinRead.html" style="color: #fff">
						<p>欣智阅读</p>
						<p>用阅读陪伴乡村儿童感受美好和希望</p>
						<div></div>
					</a>
				</li>
				<li>
					<a href="xin/xinGrow.html" style="color: #fff">
						<p>欣悦成长</p>
						<p>用爱陪伴乡村儿童健康快乐成长</p>
						<div></div>
					</a>
				</li>
			</ul>
			
		</div>
		<!-- mission -->
		<div class="centerLogo" style="text-align: center;display: none;">
			<img src="images/zhongbulogo.png"/>
		</div>
		<div class="simple section section-1">
			<ul>
				<li class="news">
					
					<div style="text-align: center;margin-top:50px;">
						<img class="newsTab" style="width: 45%; height: 9.739%;cursor: pointer;" src="images/xinwenarrow.png"/>
					</div>
					
						<div>
						<p>
							<span class="newsTitle">媒体专区</span>
							<!--<span class="bar"></span>-->
							
						</p>
						<p class="dot">
								
							</p>
						<a class="mediaHref" href="media/story.html">
							<div class="newsContent">
								<p class="newsContentTitle">向荣故事</p>
								<p class="newsContentInfo">
									<span class="newsDate">2018年5月25日</span>
									<!--<span class="newsText">基金会赴苏州工业园区调研向荣公益基，金会赴苏州工业园区调研向荣公益基金会赴苏，向荣公益基金会赴苏州工业园区调研向荣公益基，金会州工业园区调研,，赴苏州工业园区公益基金会赴苏州工业园区调研向荣公益基金会调研向荣公益基，金会赴苏州工业园区调研向荣公益基金...</span>-->
									<!--<i class="yellowArrow" style="background:url(images/yellowArrow.png) no-repeat;background-size: 100% 100%;"></i>-->
								</p>
							</div>
						</a>
					</div>
					
					
				</li>
			</ul>
		</div>
		<!-- //team -->
		
		<!-- capabilities -->
		<!--<div class="capabilities clearfix section section-1">
			<div class="dar">
				<img src="images/dar.png"/>
			</div>
			<div class="report">
				<ul>
					<li>
						<a href="message/finance.html">
							<span class="lBorder"></span>
							<div>
								财务公示
							</div>
						</a>
					</li>
					<li>
						<a href="message/work.html">
						<span class="lBorder"></span>
						<div>
							工作报告
						</div>
						</a>
						
					</li>
					<li>
						<a href="message/audit.html">
						<span class="lBorder"></span>
						<div>
							审计报告
						</div>
						</a>
					</li>
					<li style="">
						<a href="message/test.html">
						<span class="lBorder"></span>
						<div>
							年&emsp;&emsp;检
						</div>
						</a>
					</li>
				</ul>
			</div>
		</div>-->
		<!-- capabilities -->
		<!-- services -->
		<div id="services" class="service-grid section section-1">
			<div class="logoBottom">
				<img src="images/logoBottom.png" style="margin-top: 126px;"/>
			</div>
			<div class="bottomInfo">
				<ul class="footerItem">
					<li class="footerTitle">
						<span>关于向荣</span>
						<!--<em style="transition: 600ms;"></em>-->
						<ul class="footerList">
							<li class="borderLeft"></li>
							<li>
								<a href="aboutXR/aboutXR1.html">向荣简介</a>
							</li>
							<li>
								<a href="aboutXR/aboutXR2.html">组织架构</a>
							</li>
							<li>
								<a href="aboutXR/aboutXR3.html">理事会成员</a>
							</li>
							<li>
								<a href="aboutXR/aboutXR4.html">规章制度</a>
							</li>
						</ul>
					</li>
					<li class="footerTitle">
						<span>
							向荣项目
						</span>
						<!--<em style="transition: 600ms;"></em>-->
						<ul class="footerList">
							<li class="borderLeft"></li>
							<li>
								<a data-hover="HOME" class="scroll active" href="xin/xinGrow.html">欣悦成长</a>
							</li>
							<li>
								<a data-hover="ABOUT" class="scroll" href="xin/xinSchool.html">欣慧教学</a>
							</li>
							<li>
								<a  data-hover="GALLERY" class="scroll"  href="xin/xinRead.html">欣智阅读</a>
							</li>
							
						</ul>
					</li>
					<li class="footerTitle">
						<span>联系我们</span>
						<!--<em style="transition: 600ms;"></em>-->
						<ul class="footerList">
							<li class="borderLeft"></li>
							<li>
								<a href="contact/jiaru.html">加入向荣</a>
							</li>
							<li>
								<a href="contact/zhiyuan.html">志愿者报名</a>
							</li>
							<li>
								<a href="contact/juanzeng.html">捐赠方式</a>
							</li>
							
						</ul>
					</li>
					<li class="footerTitle">
						<span>媒体专区</span>
						<!--<em style="transition: 600ms;"></em>-->
						<ul class="footerList">
							<li class="borderLeft"></li>
							<li>
								<a href="/Home/Index/xin/cid/4">向荣故事</a>
							</li>
							<li>
								<a href="/Home/Index/xin/cid/5">向荣视频</a>
							</li>
							<li>
								<a href="/Home/Index/xin/cid/6">向荣报道</a>
							</li>
							
						</ul>
					</li>
					<li class="footerTitle">
						<span>信息公开</span>
						<!--<em style="transition: 600ms;"></em>-->
						<ul class="footerList">
							<li class="borderLeft"></li>
							<li>
								<a href="message/finance.html">财务公示</a>
							</li>
							<li>
								<a href="message/work.html">工作报告</a>
							</li>
							<li>
								<a href="message/test.html">审计报告</a>
							</li>
							<li>
								<a href="message/test.html">年检</a>
							</li>
							
						</ul>
					</li>
					<li class="footerTitle" style="width: 50%">
						<span>合作伙伴</span>
						<div style="display: flex;justify-content: space-around;">
							<ul class="footerList" style="display: inline-block;margin-right:25px">
							<li class="borderLeft"></li>
							<li>
								<a style="border:none" href="javascript:;">欣欣教育基金会</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">中华少年儿童慈善救助基金会</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">中国扶贫基金会</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">北京慈弘慈善基金会</a>
							</li>
							
						</ul>
						<ul class="footerList" style="display: inline-block">
							<li class="borderLeft"></li>
							<li>
								<a href="javascript:;" style="border:none"> 旭创科技</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">运动汇</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">微软</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">情系远山</a>
							</li>
							
						</ul>
						<ul class="footerList" style="display: inline-block">
							<li class="borderLeft"></li>
							<li>
								<a href="javascript:;" style="border:none">首都师范大学云桥学院</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">中国农村发展研究院</a>
							</li>
							<li>
								<a href="javascript:;" style="border:none">清华大学扶贫办公室</a>
							</li>
							
						</ul>
						</div>
						
					</li>
				</ul>
				<!--<div class="friend">
					<h3>合作伙伴</h3>
					<ul class="clearfix">
						
					</ul>
					<div class="xinzeng" style="display: flex;justify-content: space-around;margin-top:20px">
						
					</div>
				</div>-->
			</div>
			<!--<div class="erweima">
				<img src="images/erweima.png" alt="" />
			</div>-->
			<p>
				<!--<span class="footerLeft" >
					By <span style="color: #ffdf00">New Horizon</span>
				</span>-->
				<span class="footerRight">
					<!--<span style="padding-right: 23px;border-right: 1px solid #a0a0a0;line-height: 16px;margin-right: 22px">2018</span>
					<span style="color: #ffdf00">Tel:<span style="color: #a0a0a0;margin-right: 60px;">4002689716</span></span>-->
					<!--<span style="color: #ffdf00">Web:<span style="color: #a0a0a0">www.nhfoundation.cn</span></span>-->
				</span>
			</p>
		</div>
	</div>
	<button type="button" class="downBtn"></button>
<!-- banner -->


<!-- //banner-bottom -->
<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	<script src="js/scroll.js"></script>
<!-- //for bootstrap working -->
<!-- smooth scrolling -->
	
<!-- //smooth scrolling -->

</body>
</html>

